import React, { useEffect, useLayoutEffect, useState } from 'react'
// 生命周期  回调函数

// 实例期
// 存在期
// 销毁期
export default function About2() {
    const [count, setCount] = useState(88)

    const [num, setNum] = useState(666)
    // useEffect(回调函数, [])
    // 实例期
    // useEffect(() => {
    //     console.log('我是实例期')
    // }, [])
    // // count 
    // useEffect(() => {
    //     console.log('我是count修改的逻辑')
    // }, [count])
    // // num
    // useEffect(() => {
    //     console.log('我是num修改的逻辑')
    // }, [num])

    // 销毁期
    useEffect(() => {
        return () => {
            console.log('我被销毁了~~')
        }
    })
    return (
        <div>
            About2 --- {count}
            <div>
                <button onClick={() => {
                    setCount(count + 1)
                }}>点我</button>
            </div>

            <div>
                About2 --- {num}
                <div>
                    <button onClick={() => {
                        setNum(num + 2)
                    }}>点我</button>
                </div>
            </div>
        </div>
    )
}
